<div id="transport_cloud">
	<section className="g-section g-banner">
		<img src="images/transportcloud_banner.png" className="banner" />
	</section>
	<section className="g-section">
		<div className="c-layout introduce">
			<div className="shadow-title">
				<h1>BUSINESS</h1>
				<p>业务模式</p>
			</div>
			<div>
				<img src="images/transportcloud_detail.svg" className="introduce-detail" />
			</div>
		</div>
	</section>
	<section className="g-section" id="destine">
		<img src="images/destine-bg.png" />
		<div className="c-layout destine">
			<div className="shadow-title">
				<h1>RESERVE</h1>
				<p>舱位预定</p>
			</div>
			<div className="destine-position">
				<div className="tab-list clearfix">
					<div className="tab-list-wrap c-fl">
						<a href="javascript:;" id="tab_airport" onClick={this.changePanel} className="c-fl tab-active">空运</a>
						<a href="javascript:;" id="tab_port" onClick={this.changePanel} className="c-fl">海运</a>
					</div>
				</div>
				<div className="tab-panel">
					<div id="panel_airport" className="destine-panel panel-active">
						<div>
							<input id="airportType" value={this.state.airportType} onClick={this.getAirportType} className="port-rangeselect" />
						</div>
						<div className="clearfix">
							<input id="startAirport" value={this.state.startAirport} onClick={this.getStartAirport} className="c-fl port-start" />
							<input id="endAirport" value={this.state.endAirport} onClick={this.getEndAirport} className="c-fl port-end" />
							<a href="/product_list"><button href="/product_list" className="c-fl port-go">起飞</button></a>
						</div>
					</div>
					<div id="panel_port" className="destine-panel">
						<div>
							<input id="portType" value={this.state.portType} onClick={this.getPortType} className="port-rangeselect" />
						</div>
						<div className="clearfix">
							<input id="startPort" value={this.state.startPort} onClick={this.getStartPort} className="c-fl port-start" />
							<input id="endPort" value={this.state.endPort} onClick={this.getEndPort} className="c-fl port-end" />
							<a href="/product_list"><button className="c-fl port-go">出海</button></a>
						</div>
					</div>
				</div>
			</div>
		</div>
    </section>
    <section className="g-section" id="storage">
		<div className="c-layout storage">
			<div className="shadow-title">
				<h1>WAREHOUSE</h1>
				<p>仓储服务</p>
			</div>
			<div className="storage-content clearfix">
				<div className="storage-left c-fl">
					<img src="images/storage-left.png" className="storage-left-img" type="image/svg+xml"/>
				</div>
				<div className="storage-right c-fl">
					<div className="storage-search-top">
						<p>现有仓储资源覆盖全国19个省市地区，可用仓储面积近4万平方米</p>
					</div>
					<div className="storage-search">
						<div className="clearfix">
							<input id="country_select" value={this.state.country} onClick={this.getCountry} className="country-select" />
						</div>
						<div className="clearfix">
							<input type="text" id="storagehouse_select" value={this.state.storeHouse} onClick={this.getStorehouse} className="c-fl" />
							<input type="text" id="useablearea_select" value={this.state.usableArea} onClick={this.getUsableArea} className="c-fr" />
						</div>
						<div className="clearfix">
							<input type="text" id="price_select" value={this.state.price} onClick={this.getPrice} className="c-fl" />
							<input type="text" id="others_select" value={this.state.others} onClick={this.getOthers} className="c-fr" />
						</div>
						<div className="clearfix">
							<a href="/product_list" className="btn c-fr">搜索</a>
						</div>
					</div>
					<div className="storage-search-bottom">
						<div>
							<embed src="images/cangknz.svg" width="30" height="24" type="image/svg+xml"/>
							<span>仓库内装</span>
						</div>
						<div>
							<embed src="images/jinkcx.svg" width="30" height="24" type="image/svg+xml"/>
							<span>进口拆箱</span>
						</div>
						<div>
							<embed src="images/jincck.svg" width="30" height="24" type="image/svg+xml"/>
							<span>进出仓库</span>
						</div>
					</div>
				</div>
			</div>
		</div>
    </section>
    <section className="g-section" id="increment">
		<div className="c-layout increment">
			<div className="shadow-title">
				<h1>SERVICE</h1>
				<p>增值服务</p>
			</div>
		</div>
		<div className="increment-content">
			<ul>
				<li>
					<div className="increment-icon">
						<img src="images/declare-icon.svg" width="30" height="30" type="image/svg+xml"/>
					</div>
					<div>
						<h4>报关服务</h4>
						<p><span>进出口报关</span>&nbsp;<span>商验检查</span>&nbsp;<span>代缴关税</span></p>
					</div>
					<div className="increment-cover">
						<p>对接海关AEO高级认证报关单位，提供各主要口岸的进出口报关代理，以专业性服务保证准时高效通关，服务包括：HS CODE预归类、报关单证制作及申报、出口检验检疫、进口代垫关税等</p>
					</div>
				</li>
				<li>
					<div className="increment-icon">
						<img src="images/finance-icon.svg" width="30" height="30" type="image/svg+xml"/>
					</div>
					<div>
						<h4>金融服务</h4>
						<p><span>燃油宝</span>&nbsp;<span>航次宝</span>&nbsp;<span>货代宝</span></p>
					</div>
					<div className="increment-cover">
						<p>通过前端交易数据积累，建立信用评级体系，利用海航集团的资金成本优势，为资质良好的客户提供高效、便捷、灵活、低门槛、低成本的资金，服务包括：燃油宝、航次宝、货代宝等</p>
					</div>
				</li>
				<li>
					<div className="increment-icon">
						<img src="images/trailer-icon.svg" width="30" height="30" type="image/svg+xml"/>
					</div>
					<div>
						<h4>拖车服务</h4>
						<p><span>高动力</span>&nbsp;<span>低延保</span></p>
					</div>
					<div className="increment-cover">
						<p>拥有海量拖车资源，提供充足运力保障、货物实时追踪及准点率保证，服务包括：出口门点装箱、散杂货干线运输等</p>
					</div>
				</li>
				<li>
					<div className="increment-icon">
						<img src="images/insurance-icon.svg" width="30" height="30" type="image/svg+xml"/>
					</div>
					<div>
						<h4>保险服务</h4>
						<p><span>车队险</span>&nbsp;<span>货物险</span></p>
					</div>
					<div className="increment-cover">
						<p>与国内各大保险公司合作，通过集采方式为客户提供低于市场整体费率的货物运输保险服务</p>
					</div>
				</li>
			</ul>
		</div>
    </section>
</div>